.index-wrap {
  main {
    .pos-wrap {
      height: 100%;
      display: flex;
      flex-direction: column;
      nav {
        height: .44rem;
        display: flex;
        padding: 0 .15rem;
        @include border(0 0 1px 0);
        div:first-child {
          flex: 1;
          line-height: .44rem;
          color: #555;
        }
        div:last-child {
          width: 1.1rem;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          button {
            height: .3rem;
            border: 0;
            width: .9rem;
            background: #f5f5f5;
            color: #00b38a;
            border-radius: .15rem;
          }
        }
      }
      div#pos-list{
        flex: 1;
        overflow: hidden;
        ul {
          
          .head,
          .foot {
            display: flex;
            align-items: center;
            justify-content: center;
            height: .4rem;
          }
          .head img,
          .foot img {
            width: .16rem;
            height: .16rem;
            transition: transform 150ms;
            -webkit-transition: transform 150ms;
          }
          .head img {
            transform: rotate(180deg);
          }
          .up {
            transform: rotate(360deg) !important;
            -webkit-transform: rotate(360deg) !important;
          }
          .down {
            transform: rotate(180deg);
          }

          li.list-item {
            padding: .14rem;
            display: flex;
            @include border(0 0 1px 0);
            img {
              width: .6rem;
              height: .6rem;
            }
            .item-desc {
              padding-left: .15rem;
              flex: 1;
              h2.item-title {
                font-size: .16rem;
              }
              p.item-info {
                display: flex;
                justify-content: space-between;
                > span:last-child {
                  font-size: .16rem;
                  color: #00b38a;
                }
              }
              p.item-time {
                color: #888;
              }
            }
          }
        }
      }
    }
  }
}
